<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车 - 乐购</title>
    <link rel="icon" href="images/common/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="styles/reset.css" type="text/css">
    <link rel="stylesheet" href="styles/common.css" type="text/css">
    <link rel="stylesheet" href="styles/cart.css" type="text/css">
</head>
<body>
<!-- 顶部 -->
<div class="topTip">
    <div class="container fz14 lh40 fzCo">
        乐购 www.legou.com
        <span class="right">
            欢迎光临乐购 请&nbsp;
            <a href="login.html">登录 </a>|
            <a href="register.html"> 注册</a>
        </span>
    </div>
</div>
<!-- 页头 -->
<header class="headFir">
    <div class="container">
        <!-- logo -->
        <div class="logo left" title="乐购首页"></div>
        <div class="topNav por left">
            <form action="#" method="get">
                <!-- 搜索框 -->
                <label class="por">
                    <input type="text" placeholder="请输入搜索的商品名" name="wd">
                    <button type="submit">
                        <img src="images/index/search.png" alt="搜索" title="搜索">
                    </button>
                </label>
                <!-- 购物车 -->
                <button id="shopCar" class="maCo">
                    <img src="images/index/shopCar_01.png" alt="购物车">
                    <a href="cart.html">购物车</a>
                    <i class="fz14 fzCo maBg">0</i>
                </button>
                <button id="order">我的订单</button>
            </form>
            <!-- 导航 -->
            <nav>
                <a href="" class="ml0">图书</a>
                <a href="">电子书</a>
                <a href="">原创文学</a>
                <a href="">服装</a>
                <a href="">运动户外</a>
                <a href="">孕婴童</a>
                <a href="">家居</a>
                <a href="">创意文具</a>
                <a href="">地方特产</a>
                <a href="">海外购</a>
                <a href="">电器城</a>
            </nav>
        </div>
    </div>
</header>
<!-- 主体内容 -->
<div class="cartCon">
    <div class="container carts">
        <!-- 全部商品 -->
        <div class="products fz18 lh24 fwb">
            <span>全部商品<strong>3</strong></span>
            <span>活动商品<strong>0</strong></span>
            <span>库存紧张<strong>0</strong></span>
            <div class="fz13 right">
                温馨提示: <i>亲爱的顾客, 您还没有登录, 所有商品价格,活动信息以登录后显示为准</i>
                <a href="login.html">立即登录</a>
            </div>
        </div>
        <!-- 全选结算 -->
        <div class="settle fz14">
            <label>
                <input type="checkbox">
                全选
            </label>
            <span>删除</span>
            <span>分享</span>
            <span>移入收藏夹</span>
            <span>消除失效宝贝</span>
            <div class="right">
                <b>已选商品<strong>1</strong></b>
                <b>合计(不含运费):<strong>￥169.00</strong></b>
                <a href="font/pay_order.html">去结算</a>
            </div>
        </div>
        <!-- 店铺 -->
        <ul>
            <!-- 店铺一 -->
            <li>
                <dl>
                    <!-- 店铺名 -->
                    <dt>
                        <label>
                            <input type="checkbox">
                            木果果木官方旗舰店
                        </label>
                        <a href="">联系店家</a>
                        <b>满2件包邮</b>
                    </dt>
                    <!-- 店铺订单 -->
                    <dd>
                        <table>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>
                                    <img src="images/order/ware_01.jpg" alt="">
                                </td>
                                <td>
                                    木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫
                                </td>
                                <td>
                                    颜色: 魅夜黑<br/>
                                    尺寸: M
                                </td>
                                <td>
                                    <i>¥169.00</i><br/>
                                    VIP积分100
                                </td>
                                <td>
                                    <span>-</span>
                                    <button value="111">1</button>
                                    <span>+</span>
                                </td>
                                <td>
                                    <span>移入收藏夹</span><br/>
                                    <span>删除</span><br/>
                                    <span>分享</span><br/>
                                    <span>相似宝贝</span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>
                                    <img src="images/order/ware_01.jpg" alt="">
                                </td>
                                <td>
                                    木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫
                                </td>
                                <td>
                                    颜色: 魅夜黑<br/>
                                    尺寸: M
                                </td>
                                <td>
                                    <i>¥169.00</i><br/>
                                    VIP积分100
                                </td>
                                <td>
                                    <span>-</span>
                                    <button value="111">1</button>
                                    <span>+</span>
                                </td>
                                <td>
                                    <span>移入收藏夹</span><br/>
                                    <span>删除</span><br/>
                                    <span>分享</span><br/>
                                    <span>相似宝贝</span>
                                </td>
                            </tr>
                        </table>
                    </dd>
                </dl>
            </li>
            <!-- 店铺二 -->
            <li>
                <dl>
                    <!-- 店铺名 -->
                    <dt>
                        <label>
                            <input type="checkbox">
                            木果果木官方旗舰店
                        </label>
                        <a href="">联系店家</a>
                        <b>满2件包邮</b>
                    </dt>
                    <!-- 店铺订单 -->
                    <dd>
                        <table>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>
                                    <img src="images/order/ware_01.jpg" alt="">
                                </td>
                                <td>
                                    木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫
                                </td>
                                <td>
                                    颜色: 魅夜黑<br/>
                                    尺寸: M
                                </td>
                                <td>
                                    <i>¥169.00</i><br/>
                                    VIP积分100
                                </td>
                                <td>
                                    <span>-</span>
                                    <button value="111">1</button>
                                    <span>+</span>
                                </td>
                                <td>
                                    <span>移入收藏夹</span><br/>
                                    <span>删除</span><br/>
                                    <span>分享</span><br/>
                                    <span>相似宝贝</span>
                                </td>
                            </tr>
                            <tr>
                            <td>
                                <input type="checkbox">
                            </td>
                            <td>
                                <img src="images/order/ware_01.jpg" alt="">
                            </td>
                            <td>
                                木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫
                            </td>
                            <td>
                                颜色: 魅夜黑<br/>
                                尺寸: M
                            </td>
                            <td>
                                <i>¥169.00</i><br/>
                                VIP积分100
                            </td>
                            <td>
                                <span>-</span>
                                <button value="111">1</button>
                                <span>+</span>
                            </td>
                            <td>
                                <span>移入收藏夹</span><br/>
                                <span>删除</span><br/>
                                <span>分享</span><br/>
                                <span>相似宝贝</span>
                            </td>
                        </tr>
                        </table>
                    </dd>
                </dl>
            </li>
        </ul>
        <div class="guess fz18 fwb">
            <span>猜你喜欢</span>
            <figure>
                <img src="images/order/ware_01.jpg" alt="">
                <figcaption>AIVEI秋新中长款牛</figcaption>
            </figure>
            <figure>
                <img src="images/order/ware_01.jpg" alt="">
                <figcaption>AIVEI秋新中长款牛仔</figcaption>
            </figure>
            <figure>
                <img src="images/order/ware_01.jpg" alt="">
                <figcaption>AIVEI秋新中长款牛仔</figcaption>
            </figure>
            <figure>
                <img src="images/order/ware_01.jpg" alt="">
                <figcaption>AIVEI秋新中长款牛仔</figcaption>
            </figure>
            <figure>
                <img src="images/order/ware_01.jpg" alt="">
                <figcaption>AIVEI秋新中长款牛仔</figcaption>
            </figure>
            <figure>
                <img src="images/order/ware_01.jpg" alt="">
                <figcaption>AIVEI秋新中长款牛仔</figcaption>
            </figure>
        </div>
    </div>
</div>
<!-- 页脚 -->
<footer>
    <!-- 站点地图 -->
    <div class="container">
        <ul class="siteSer fz18 lh24">
            <li>
                <img src="images/index/site_01.jpg" alt="">
                <strong>正品保障<br/><span>正品行货 放心选购</span></strong>
            </li>
            <li>
                <img src="images/index/site_02.jpg" alt="">
                <strong>满86包邮<br/><span>满86元 免运费</span></strong>
            </li>
            <li>
                <img src="images/index/site_03.jpg" alt="">
                <strong>售后无忧<br/><span>7天无理由退货</span></strong>
            </li>
            <li>
                <img src="images/index/site_04.jpg" alt="">
                <strong>准时送达<br/><span>收货时间由你做主</span></strong>
            </li>
        </ul>
        <ul class="siteMap clearfix">
            <li>
                <a href="">新手入门</a>
                <a href="">购物流程</a>
                <a href="">会员制度</a>
                <a href="">订单查询</a>
                <a href="">服务协议及隐私说明</a>
                <a href="">网站地图</a>
            </li>
            <li>
                <a href="">支付方式</a>
                <a href="">货到付款</a>
                <a href="">网上支付</a>
                <a href="">礼品卡支付</a>
                <a href="">其它支付</a>
            </li>
            <li>
                <a href="">配送服务</a>
                <a href="">配送进度查询</a>
                <a href="">商品验货与签收</a>
            </li>
            <li>
                <a href="">相关规则</a>
                <a href="">平台规则</a>
                <a href="">退换货政策</a>
                <a href="">发票制度</a>
                <a href="">帮助中心</a>
            </li>
            <li>
                <span>App更优惠</span>
                <img src="images/index/qrCode_01.jpg" alt="">
            </li>
            <li>
                <span>加微信查订单</span>
                <img src="images/index/qrCode_02.jpg" alt="">
            </li>
        </ul>
    </div>
    <!-- 底部 -->
    <div class="record fz12 lh26">
        <p>沪ICP备XXXXXXXXX号&nbsp; | &nbsp;经营证照&nbsp; | &nbsp;互联网药品信息服务资格证(沪)-经营性-2017-0006&nbsp; | &nbsp;违法和不良信息举报电话：XXX-XXXXXXXX&nbsp; | &nbsp;沪B2-XXXXXXX
            <br/>沪公网安备 XXXXXXXXX号&nbsp; | &nbsp;友情链接&nbsp; | &nbsp;出版物经营许可证&nbsp; | &nbsp;增值电信业务经营许可证</p>
        <div class="depart">
            <a href="#"><img src="images/index/depart_01.jpg" alt=""></a>
            <a href="#"><img src="images/index/depart_02.png" alt=""></a>
            <a href="#"><img src="images/index/depart_03.png" alt=""></a>
            <a href="#"><img src="images/index/depart_04.png" alt=""></a>
            <a href="#"><img src="images/index/depart_05.png" alt=""></a>
            <a href="#"><img src="images/index/depart_06.jpg" alt=""></a>
        </div>
    </div>
</footer>
<script src="js/cart.js"></script>
</body>
</html>